<!-- 付款单明细 -->
<template>
	<view class="item">
		<view class="option">
			<view class="title" style="color: #1E6FFF;" @click="onDetail(item)">{{ item.billNo?item.billNo:'--' }}</view>
		</view>
		<view class="option">
			<view class="lf">申请公司</view>
			<view class="rl">{{ item.applicant_dictText?item.applicant_dictText:'--' }}</view>
		</view>
		<view class="option">
			<view class="lf">申请团队</view>
			<view class="rl">{{ item.teamId_dictText?item.teamId_dictText:'--' }}</view>
		</view>
		<view class="option">
			<view class="lf">支付金额</view>
			<view class="rl">{{ item.payAmount?item.payAmount: '--' }}</view>
		</view>
		<view class="option">
			<view class="lf">收款人</view>
			<view class="rl">{{ item.payeeName_dictText?item.payeeName_dictText:'--' }}</view>
		</view>
		
		<view class="option">
			<view class="lf">收款方式</view>
			<view class="rl">{{ item.payMode_dictText?item.payMode_dictText:'--' }}</view>
		</view>
	</view>
</template>
<script>
	export default {
		props: {
			item: {
				type: [Object],
				default: () => {}
			},
			current: {
				type: [Number, String],
				default: -1
			}
		},
		onReady() {
			// 获取高度
		},
		data() {
			return {
				screenShow: false
			}
		},
		methods: {
			counterTrial () {
				this.screenShow = !this.screenShow
			},
			
			onDetail (item) {
				uni.navigateTo({
					url:'/pages/reportFilesList/ErpFinancePaymentSlipForm?id=' + item.id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
@import url("@/assets/inputStyle.scss");

.item {
	width: 100%;
	.option {
		margin-bottom: 8rpx;
		.lf {
			font-size: 14px;
		}
		.title{
			font-size: 16px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 22px;
		}
	}
	.wrap {
		margin-top: 16rpx;
		display: flex;
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #1E6FFF;
		border-top: 1rpx solid #E5E5E5;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 80rpx;
	}
	
	.right-icon{
		transition: transform 0.5s;
		-moz-transition: -moz-transform 0.5s; /* Firefox 4 */
		-webkit-transition: -webkit-transform 0.5s; /* Safari 和 Chrome */
		-o-transition: -o-transform 0.5s;
		transform: rotate(180deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.right-icon-transform{
		transition: transform 0.5s;
		-moz-transition: -moz-transform 0.5s; /* Firefox 4 */
		-webkit-transition: -webkit-transform 0.5s; /* Safari 和 Chrome */
		-o-transition: -o-transform 0.5s;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	
	.collapse_content {
		transition: max-height .4s ease-in-out, -webkit-transform .4s ease-in-out, transform .4s ease-in-out;
		transform-origin: 50% 50% 0px;
		overflow: hidden;
	}
}
</style>